/* 
    Document   : style_home
    Created on : 10 Mar 11, 11:26:06
    Author     : ifan
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/* PROFILE CONTENT */

.outer_wrap {
    margin-left: 10px;
    background-color: rgb(255,237,139);
    padding: 5px;
}

.inner_wrap {
    border: 2px rgb(243,206,0) solid;
    background-color: white;
}

/*PROFILE MENU*/

.profile_menu {
    float: left;
    margin: 0 0 30px 0;
}

.profile_menu .outer_wrap {
    margin-left: 10px;
    background-color: rgb(255,237,139);
    padding: 5px;
}

.profile_menu .outer_wrap .profile_menu_wrap {
    width: 200px;
    border: 2px rgb(243,206,0) solid;
    background-color: white;
}

.profile_menu .outer_wrap .profile_menu_wrap .menu_owner {
    margin-top: 5px;
    background-color: rgb(227,129,0);
    height: 20px;
    padding: 5px 0 0 10px;
    font: 15px sans-serif;
    font-weight: bold;
    color: rgb(255,223,95);
    text-align: center;
}

.profile_menu .outer_wrap .profile_menu_wrap .menu_item{
    margin: 10px 10px 10px 10px;
}

.profile_menu .outer_wrap .profile_menu_wrap .menu_item a .bar_left{
    height: 45px;
    width: 15px;
    background-color: rgb(227,129,0);
    float: left;
}

.profile_menu .outer_wrap .profile_menu_wrap .menu_item a:hover .bar_left{
    width: 5px;
}

.profile_menu .outer_wrap .profile_menu_wrap .menu_item a .text_wrap{
    width: 150px;
    background-color: rgb(236,234,223);
    float: left;
}

.profile_menu .outer_wrap .profile_menu_wrap .menu_item a:hover .text_wrap{
    width: 170px;
}

.profile_menu .outer_wrap .profile_menu_wrap .menu_item a .text_wrap .menu_title {
    height: 30px;
    padding: 15px 0 0 0;
    font: 15px sans-serif;
    text-align: center;
    font-weight: bold;
    color: rgb(137,96,59);
}

.profile_menu .outer_wrap .profile_menu_wrap .menu_item a:hover .text_wrap .menu_title {
    height: 25px;
    padding: 5px 0 0 0;
}

.profile_menu .outer_wrap .profile_menu_wrap .menu_item a .text_wrap .menu_tag {
    height: 0px;
    font: 0px sans-serif;
    color: rgb(236,234,223);
}

.profile_menu .outer_wrap .profile_menu_wrap .menu_item a:hover .text_wrap .menu_tag {

    height: 15px;
    font: 10px sans-serif;
    text-align: center;
    font-style: italic;
    color: rgb(137,96,59);
}

.profile_menu .outer_wrap .profile_menu_wrap .menu_item a .bar_right{
    height: 45px;
    width: 15px;
    background-color: rgb(227,129,0);
    float: right;
}

.profile_menu .outer_wrap .profile_menu_wrap .menu_item a:hover .bar_right{
    width: 5px;
}

/* PROFILE INFO USER */
.info_user {
    float: left;
    width: 440px;
    margin: 0 0 20px 10px;
}

.info_user .outer_wrap {
    margin-left: 10px;
    background-color: rgb(255,237,139);
    padding: 5px;
}

.info_user .inner_wrap {
    border: 2px rgb(243,206,0) solid;
    background-color: white;
}

.info_user .ititle {
    margin: 5px 0 10px 0;
    background-color: rgb(236,234,223);
    height: 20px;
    padding: 5px 0 0 10px;
    font: 15px sans-serif;
    font-weight: bold;
    color: rgb(137,96,59);
}

.info_user .image_edit_wrap {
    width: 150px;
    float: left;
    margin: 0 10px 20px 20px;
}

.info_user .image_edit_wrap img {
    margin: 0 0 10px 0;
    max-height: 200px;
    max-width: 150px;
}

.info_user .image_edit_wrap .edit_profile {
    width: 150px;
}

.info_user .image_edit_wrap .edit_profile a {
    background-color: rgb(236,234,223);
    text-decoration: none;
    display: block;
}

.info_user .image_edit_wrap .edit_profile a .bar {
    height: 20px;
    width: 10px;
    background-color: rgb(227,129,0);
    float: left;
}

.info_user .image_edit_wrap .edit_profile a .ilabel {
    color: rgb(137,96,59);
    margin-left: 5px;
    font: 10pt sans-serif;
    float: left;
}

.info_user .image_edit_wrap .follow {
    width: 150px;
}

.info_user .image_edit_wrap .follow a {
    background-color: rgb(236,234,223);
    text-decoration: none;
    display: block;
}

.info_user .image_edit_wrap .follow a .bar {
    height: 20px;
    width: 10px;
    background-color: rgb(227,129,0);
    float: left;
}

.info_user .image_edit_wrap .follow a .ilabel {
    color: rgb(137,96,59);
    margin-left: 5px;
    font: 10pt sans-serif;
    float: left;
}

.info_user .info_desc {
    float: left;
}

/* PROFILE FOLLOW */
.follow {
    margin-left: 10px;
    width: 300px;
    float: left;
}

.follow .outer_wrap .inner_wrap .image_follow {
    float: left;
    margin: 5px;
}

.follow .outer_wrap .inner_wrap .image_follow img {
    border-style: none;
    max-height: 50px;
    max-width: 50px;
}

.follow .outer_wrap .inner_wrap .ititle {
    margin: 5px 0 10px 0;
    background-color: rgb(236,234,223);
    height: 20px;
    padding: 5px 0 0 10px;
    font: 15px sans-serif;
    font-weight: bold;
    color: rgb(137,96,59);
}

/* PROFILE WALL */
.profile_wall {
    width: 700px;
    float: left;
}

.profile_wall .ititle {
    margin: 5px 0 10px 0;
    background-color: rgb(236,234,223);
    height: 20px;
    padding: 5px 0 0 10px;
    font: 15px sans-serif;
    font-weight: bold;
    color: rgb(137,96,59);
}

.profile_wall .wall_side {
    width: 450px;
    float: left;
    border-right: 1px rgb(105,48,1) solid;
    margin: 10px 0 10px 0;
}

.profile_wall .wall_side .wall_write {
    margin: 0 0 0 20px;
}

.profile_wall .wall_side .wall_write .itextarea {
    width: 400px;
    height: 50px;
    background-color: rgb(254,247,202);
    border: 1px solid rgb(227,129,0);
    padding-left: 10px;
    font-family: sans-serif;
    font-size: 13px;
}

.profile_wall .wall_side .wall_write .submit_wrap {
    float: right;
    margin: 5px 20px 0 0;
}

.profile_wall .wall_side .wall_write .submit_wrap .isubmit {
    cursor: pointer;
    height: 25px;
    width: 70px;
    background-color: rgb(255,126,0);
    border: 1px solid rgb(227,129,0);
    color: rgb(255,245,162);
    font-size: 15px;
    font-family: sans-serif;
    font-weight: bold;
    padding: 2px 10px 10px 10px;
    margin: 0 0 5px 117px;
    text-align: center;
}

.profile_wall .wall_side .wall_wrap .wall_share_content {
    margin: 0 0 0 10px;
}

.profile_wall .wall_side .wall_wrap .wall_share_content .bar {
    margin: 0 5px 0 0;
    float: left;
    height: 40px;
    width: 7px;
    background-color: rgb(227,129,0);
}

.profile_wall .wall_side .wall_wrap .wall_share_content .image_profile_thumb {
    float: left;
    width: 40px;
}

.profile_wall .wall_side .wall_wrap .wall_share_content .image_profile_thumb img {
    max-width: 40px;
    border-style: none;
}

.profile_wall .wall_side .wall_wrap .wall_share_content .wall_content_wrap {
    float: left;
    width: 350px;
    margin-left: 5px;
}

.profile_wall .wall_side .wall_wrap .wall_share_content .wall_content_wrap .icontent {
    font-size: 13px;
    font-family: sans-serif;
}

.profile_wall .wall_side .wall_wrap .wall_share_content .wall_content_wrap .idate_wall {
    margin-top: 5px;
    font-size: 11px;
    font-family: sans-serif;
    font-style: italic;
}

.profile_wall .wall_side .wall_wrap .wall_share_content .wall_content_wrap .icontent a {
    text-decoration: none;
    font-weight: bold;
    color: black;
}

.profile_wall .wall_side .wall_wrap .wall_share_content .wall_content_wrap .icontent a:hover {
    color: rgb(170,97,0);
}

.profile_wall .wall_side .wall_wrap .wall_share_comment {
    margin-left: 65px;
}

.profile_wall .wall_side .wall_wrap .wall_share_comment .image_profile_thumb {
    float: left;
    margin-top: 3px;
    width: 30px;
}

.profile_wall .wall_side .wall_wrap .wall_share_comment .comment_content_wrap {
    float: left;
    width: 317px;
    margin-left: 5px;
}

.profile_wall .wall_side .wall_wrap .wall_share_comment .image_profile_thumb img {
    border-style: none;
    max-width: 30px;
    max-height: 30px;
}

.profile_wall .wall_side .wall_wrap .wall_share_comment .comment_content_wrap .icontent {
    font-size: 12px;
    font-family: sans-serif;
}

.profile_wall .wall_side .wall_wrap .wall_share_comment .comment_content_wrap .icontent a{
    text-decoration: none;
    font-weight: bold;
    color: black;
}

.profile_wall .wall_side .wall_wrap .wall_share_comment .comment_content_wrap .icontent a:hover{
    color: rgb(170,97,0);
}

.profile_wall .wall_side .wall_wrap .wall_share_comment .comment_content_wrap .idate_comment {
    margin-top: 5px;
    font-size: 11px;
    font-family: sans-serif;
    font-style: italic;
}

.profile_wall .wall_side .see_all {
    float: right;
    margin-right: 20px;
}

.profile_wall .image_profile_wall {
    padding: 5px 5px 0 5px;
    margin-top: 10px;
    margin-right: 30px;
    background-color: rgb(236,234,223);
    float: right;
}

.profile_wall .image_profile_wall img {
    max-height: 200px;
    max-width: 150px;
    border-style: none;
}

.profile_wall .wall_side .wall_share {
    float: left;
}

.profile_wall .idelete {
    float: right;
}

.profile_wall .idelete a img {
    height: 10px;
    width: 10px;
    border-style: none;

}
/*
.profile_wall .idelete a:hover {
    color: rgb(170,97,0);
}
*/
.profile_wall .wall_side .wall_wrap .wall_share_comment_write textarea {
    margin: 5px 0 5px 65px;
    width: 350px;
    height: 40px;
}

.profile_wall .wall_side .wall_wrap .wall_share_comment_write .submit_wrap {
    float: right;
    margin: 0 30px 20px 0;
}

.profile_wall .wall_side .wall_wrap .wall_share_comment_write .submit_wrap input {
    cursor: pointer;
    height: 20px;
    width: 70px;
    background-color: rgb(255,126,0);
    border: 1px solid rgb(227,129,0);
    color: rgb(255,245,162);
    font-size: 12px;
    font-family: sans-serif;
    font-weight: bold;
    padding: 0 10px 10px 10px;
    margin: 0 0 5px 117px;
    text-align: center;
}

/* PROFILE MESSAGE */
.message_home {
    width: 700px;
    float: left;
    margin-bottom: 20px;
}

.message_home .ititle {
    margin: 5px 0 10px 0;
    background-color: rgb(236,234,223);
    height: 20px;
    padding: 5px 0 0 10px;
    font: 15px sans-serif;
    font-weight: bold;
    color: rgb(137,96,59);
}

.message_home .button_wrap {
    margin: 0 10px 0 0;
    float: right;
}

.message_home .button_wrap .iinput input {
    cursor: pointer;
    height: 30px;
    width: 120px;
    background-color: rgb(255,126,0);
    border: 1px solid rgb(227,129,0);
    color: rgb(255,245,162);
    font-size: 15px;
    font-weight: bold;
    font-family: sans-serif;
    padding: 3px 10px 10px 10px;
    text-align: center;
}

.message_home .message_home_body {
    margin: 10px 0 20px 20px;
}

.message_home .message_home_body .message_summary{
    width: 600px;
    margin: 10px 0 10px 0;
    padding-bottom: 10px;
    border-bottom: 1px rgb(105,48,1) solid;
}

.message_home .message_home_body .message_summary a .image_profile_thumb {
    float: left;
    height: 50px;
    width: 50px;
}

.message_home .message_home_body .message_summary a{
    color: rgb(137,96,59);
}

.message_home .message_home_body .message_summary a .image_profile_thumb img {
    border-style: none;
    max-height: 50px;
    max-width: 50px;
}

.message_home .message_home_body .message_summary a .message_content_wrap {
    margin: 0 0 0 10px;
    float: left;
}

.message_home .message_home_body .message_summary a .bar {
    height: 50px;
    width: 10px;
    background-color: rgb(227,129,0);
    margin: 0 10px 0 0;
    float: left;
}

.message_home .message_home_body .message_summary a:hover {
    background-color: rgb(236,234,223);
    text-decoration: none;
    display: block;
}

.message_home .message_home_body .message_summary a:hover .bar {
    background-color: rgb(105,48,1);
}

.message_new {
    width: 600px;
    float: left;
    margin-bottom: 20px;
}

.message_new .ititle {
    margin: 5px 0 10px 0;
    background-color: rgb(236,234,223);
    height: 20px;
    padding: 5px 0 0 10px;
    font: 15px sans-serif;
    font-weight: bold;
    color: rgb(137,96,59);
}

.message_new form {
    margin: 10px 0 10px 20px;
}

.message_new .field {
    width: 500px;
    margin: 10px 0 10px 0;
}

.message_new .field .ilabel{
    width: 100px;
    float: left;
}

.message_new .field .iinput_exc{
    float: right;
}

.message_new .field .iinput{
    float: left;
}

.message_new .field .iinput input{
    width: 300px;
    height: 25px;
    background-color: rgb(254,247,202);
    border: 1px solid rgb(227,129,0);
    padding-left: 10px;
    margin: 0 0 10px 0;
}

.message_new .field .itextarea {
    float: left;
}

.message_new .field .itextarea textarea {
    width: 300px;
    height: 100px;
    background-color: rgb(254,247,202);
    border: 1px solid rgb(227,129,0);
    padding-left: 10px;
    margin: 0 0 10px 0;
}

.message_new .submit_wrap {
    float: right;
    margin-right: 145px;
}

.message_new .submit_wrap input {
    cursor: pointer;
    height: 30px;
    width: 70px;
    background-color: rgb(255,126,0);
    border: 1px solid rgb(227,129,0);
    color: rgb(255,245,162);
    font-size: 15px;
    font-weight: bold;
    font-family: sans-serif;
    padding: 3px 10px 10px 10px;
    text-align: center;
    margin: 0 0 20px 215px;
}

.message_read {
    margin: 0 0 20px 10px;
    width: 600px;
    float: left;
}

.message_read .ititle {
    margin: 5px 0 0 0;
    background-color: rgb(236,234,223);
    height: 30px;
    padding: 5px 0 0 10px;
    font: 20px sans-serif;
    font-weight: bold;
    color: rgb(137,96,59);
}

.message_read .idate {
    margin: 0 0 10px 0;
    background-color: rgb(236,234,223);
    height: 18px;
    padding: 0 0 0 10px;
    font: 12px sans-serif;
    font-weight: bold;
    font-style: italic;
    color: rgb(137,96,59);
}

.message_read .message_read_content {
    margin: 10px 0 20px 20px;
    float: left;
}

.message_read .message_read_content .message_item {
    width: 500px;
    margin: 5px 0 10px 0;
    border-bottom: 1px rgb(105,48,1) solid;
}

.message_read .message_read_content .image_profile_thumb {
    height: 50px;
    width: 50px;
    float: left;
}

.message_read .message_read_content .image_profile_thumb img {
    max-height: 50px;
    max-width: 50px;
    border-style: none;
}

.message_read .message_read_content .message_content_wrap{
    float: left;
    font-family: sans-serif;
}

.message_read .message_read_content .message_content_wrap .message_sender a{
    text-decoration: none;
    font-weight: bold;
    font-size: 11pt;
    color: black;
    margin-right: 5px;
}

.message_read .message_read_content .message_content_wrap .message_content{
    font-size: 10pt;
    color: black;
    margin-top: 5px;
}

.message_read .message_read_content .message_content_wrap .message_date{
    font-style: italic;
    font-size: 9pt;
    font-weight: bold;
    color: rgb(130,130,130);
}

.message_read .message_read_content .message_content_wrap .message_sender a:hover{
    text-decoration: none;
    color: rgb(137,96,59);
}

.message_read .message_reply .itextarea textarea {
    width: 430px;
    height: 55px;
    background-color: rgb(254,247,202);
    border: 1px solid rgb(227,129,0);
    padding-left: 10px;
    margin: 0 0 10px 0;
}

.message_read .message_reply .submit_wrap {
    float: right;
}

.message_read .message_reply .submit_wrap input {
    cursor: pointer;
    height: 30px;
    width: 80px;
    background-color: rgb(255,126,0);
    border: 1px solid rgb(227,129,0);
    color: rgb(255,245,162);
    font-size: 15px;
    font-weight: bold;
    font-family: sans-serif;
    padding: 3px 10px 10px 10px;
    text-align: center;
    margin: 10px 8px 0 0;
}

/* PROFILE PHOTO UPLOAD */
.photo_upload {
    margin: 0 0 20px 10px;
    width: 500px;
    float: left;
}

.photo_upload .ititle {
    margin-top: 5px;
    background-color: rgb(236,234,223);
    height: 20px;
    padding: 5px 0 0 10px;
    font: 15px sans-serif;
    font-weight: bold;
    color: rgb(137,96,59);
}

.photo_upload .outer_wrap .inner_wrap .field_wrap .bar_left {
    margin: 10px 20px 10px 0;
    float: left;
    height: 60px;
    width: 10px;
    background-color: rgb(227,129,0);
}

.photo_upload .outer_wrap .inner_wrap .field_wrap .bar_left_long {
    margin: 10px 20px 10px 0;
    float: left;
    height: 120px;
    width: 10px;
    background-color: rgb(227,129,0);
}

.photo_upload .outer_wrap .inner_wrap .field_wrap .field {
    margin: 10px 20px 10px 0;
    float: left;
}

.photo_upload .outer_wrap .inner_wrap .field_wrap .field .iinput input {
    height: 25px;
    background-color: rgb(254,247,202);
    border: 1px solid rgb(227,129,0);
    padding-left: 10px;
}

.photo_upload .outer_wrap .inner_wrap .field_wrap .field .iinput .itext {
    width: 300px;
}

.photo_upload .outer_wrap .inner_wrap .field_wrap .field .iinput select {
    height: 25px;
    width: 200px;
    background-color: rgb(254,247,202);
    border: 1px solid rgb(227,129,0);
    padding-left: 10px;
}

.photo_upload .outer_wrap .inner_wrap .field_wrap .field .itextarea textarea {
    width: 300px;
    height: 80px;
    background-color: rgb(254,247,202);
    border: 1px solid rgb(227,129,0);
    padding-left: 10px;
}

.photo_upload .outer_wrap .inner_wrap .field_wrap .field .iinput .itextcalendar {
    width: 215px;
    float: left;
}

.photo_upload .outer_wrap .inner_wrap .field_wrap .field .iinput .ical {
    margin-left: 5px;
    cursor: pointer;
    height: 27px;
    width: 85px;
    background-color: rgb(255,126,0);
    border: 1px solid rgb(227,129,0);
    color: rgb(255,245,162);
    font-size: 15px;
    font-weight: bold;
    font-family: sans-serif;
    padding: 3px 10px 10px 10px;
    text-align: center;
    float: left;
}

.photo_upload .outer_wrap .inner_wrap .field_wrap .field .ilabel {
    font-family: monospace;
    font-size:15px;
    font-weight: bold;
}

.photo_upload .outer_wrap .inner_wrap .submit_wrap {
    margin: 20px 0 20px 200px;
}

.photo_upload .outer_wrap .inner_wrap .submit_wrap .isubmit {
    cursor: pointer;
    height: 30px;
    width: 80px;
    background-color: rgb(255,126,0);
    border: 3px solid rgb(227,129,0);
    color: rgb(255,245,162);
    font-size: 15px;
    font-weight: bold;
    font-family: sans-serif;
    padding: 3px 10px 10px 10px;
    text-align: center;
}

.photo_upload .outer_wrap .inner_wrap .ilink {
    margin: 10px 10px 10px 0;
    float: right;
    font-family: sans-serif;
    font-size: 15px;
    font-weight: bold;
}

.photo_upload .outer_wrap .inner_wrap .ilink a {
    text-decoration: none;
    border-bottom: 1px rgb(227,129,0) dotted;
    color: rgb(227,129,0);
}

.photo_upload .outer_wrap .inner_wrap .ilink a:hover {
    border-bottom: 1px rgb(255,216,0) dotted;
    color: rgb(255,216,0);
}

.photo_upload .outer_wrap .inner_wrap .ireq {
    font-style: italic;
    font-size: 10pt;
}

.photo_upload .outer_wrap .inner_wrap .field {
    margin-bottom:10px;
    position:relative;
}

.photo_upload .outer_wrap .inner_wrap .ireq {
    font-style:italic;
    color:gray;
}

.photo_upload .outer_wrap .inner_wrap .iinfo {
    position:absolute;
    left:325px;
    top:23px;
    font-size:0.8em;
    text-align:right;
}

/* PHOTO LIST */
.photo_list {
    float: left;
    width: 750px;
    margin-bottom: 20px;
}

.photo_list .ititle {
    margin: 5px 0 15px 0;
    background-color: rgb(236,234,223);
    height: 20px;
    padding: 5px 0 0 10px;
    font: 15px sans-serif;
    font-weight: bold;
    color: rgb(137,96,59);
}

.photo_list .image_list_wrap {
    margin: 20px 0 0 40px;
}

.image_wrap {
    width: 144px;
    height: auto;
    float: left;
    margin: 5px 5px 5px 10px;
}

.image_wrap .title {
    width: 144px;
    margin: 5px 0 10px 0;
    font: 8pt sans-serif;
    font-weight: bold;
    font-style: italic;
    text-align: center;
    color: black;
}

.image_wrap .owner {
    width: 144px;
    margin: 5px 0 10px 0;
    font: 8pt sans-serif;
    font-weight: bold;
    font-style: italic;
    text-align: center;
    color: black;
}

.image_wrap a .image_thumbnail {
    margin: 20px 20px 20px 20px;
    float: left;
    height: 100px;
    width: 100px;
}

.image_wrap a .image_thumbnail img {
    border-style: none;
    max-height: 100px;
    max-width: 100px;
}

.image_wrap a .top {
    border-top: 2px rgb(246,209,0) solid;
    width: 100px;
    margin: 0 20px 0 20px;
}

.image_wrap a .left {
    margin: 20px 0 20px 0;
    height: 100px;
    border-left: 2px rgb(246,209,0) solid;
    float: left;
}

.image_wrap a .right {
    margin: 20px 0 20px 0;
    height: 100px;
    border-right: 2px rgb(246,209,0) solid;
}

.image_wrap a .bottom {
    border-bottom: 2px rgb(246,209,0) solid;
    width: 100px;
    margin: 0 20px 0 20px;
}

.image_wrap a:hover .image_thumbnail {
    margin: 8px;
    padding: 12px;
    background-color: rgb(228,225,211);
}

.image_wrap a:hover .top {
    border-top: 2px rgb(170,97,0) solid;
}

.image_wrap a:hover .left {
    border-left: 2px rgb(170,97,0) solid;
}

.image_wrap a:hover .right {
    border-right: 2px rgb(170,97,0) solid;
}

.image_wrap a:hover .bottom {
    border-bottom: 2px rgb(170,97,0) solid;
}

.photo_list .ilink {
    float: left;
    
}

.photo_list .ilink a {
    text-decoration: none;
    cursor: pointer;
    height: 27px;
    width: 50px;
    background-color: rgb(255,126,0);
    border: 1px solid rgb(227,129,0);
    color: rgb(255,245,162);
    font-size: 15px;
    font-family: sans-serif;
    font-weight: bold;
    padding: 2px 10px 10px 10px;
    margin: 0 0 5px 20px;
    text-align: center;
}

.photo_list .ilink a:hover {
    color: rgb(255,216,0);
}

.photo_list .pagination_wrap {
    float: right;
}

.photo_list .pagination_wrap .pagination_number {
    float: left;
    margin-left: 5px;
    margin-right: 5px;
}



/* PHOTO DESCRIPTION */
.photo_desc {
    width: 750px;
    float: left;
    margin-bottom: 20px;
}

.photo_desc .prev_next {
    float: left;
    margin: 200px 10px 0 15px;
    height: 50px;
    width: 50px;
}

.photo_desc .desc_wrap {
    float: left;
    margin-left: 75px;
}

.photo_desc .desc_wrap .desc_group_top {
    margin: 10px 0 5px 0;
}

.photo_desc .desc_wrap .imake {
    cursor: pointer;
    height: 15px;
    width: 150px;
    background-color: rgb(255,126,0);
    border: 1px solid rgb(227,129,0);
    font-size: 10pt;
    font-weight: bold;
    font-family: sans-serif;
    padding: 3px 10px 10px 10px;
    text-align: center;
    margin: 0 0 5px 0;
}

.photo_desc .desc_wrap .imake a {
    text-decoration: none;
    color: rgb(255,245,162);
}

.photo_desc .desc_wrap .desc_group_img {
    margin: 5px 0 5px 0;
    padding: 5px 5px 0 5px;
    background-color: rgb(236,234,223);
    text-align: center;
    width: 550px;
}

.photo_desc .desc_wrap .desc_group_content {
    margin: 10px 0 5px 0;
    padding: 5px 5px 5px 5px;
    background-color: rgb(236,234,223);
}

.photo_desc .desc_wrap .desc_group_content .ititle{
    font-weight: bold;
    margin-bottom: 5px;
    text-align: center;
}

.photo_desc .desc_wrap .desc_group_comment {
    margin: 10px 0 5px 0;
}

.photo_desc .desc_wrap .desc_group_img img {
    max-height: 550px;
    max-width: 550px;
}

.photo_desc .desc_wrap .desc_group_top .imake {
    float: left;
}

.photo_desc .desc_wrap .desc_group_top .irate {
    margin-right: 10px;
    float: right;
}

.photo_desc .desc_wrap .desc_group_top .irate .inumber {
    margin-left: 5px;
    float: right;
}

.photo_desc .desc_wrap .desc_group_top .irate .iimage {
    float: left;
}

.photo_desc .desc_wrap .desc_group_top .irate .iimage img {
    height: 20px;
    width: 20px;
    border-style: none;
}

.photo_desc .desc_wrap .desc_group_top .irate .inumber {
    float: left;
}

.photo_desc .desc_wrap .desc_group_top .ititle {

}

.photo_desc .desc_wrap .desc_group_content .desc_text {
    width: 150px;
    float: left;
}

.photo_desc .desc_wrap .desc_group_content .desc_text_content {
    float: left;
}

.photo_desc .share_comment .image_profile_thumb {
    float: left;
}

.photo_desc .share_comment .comment_content_wrap {
    float: left;
    width: 200px;
}

.photo_desc .share_comment .comment_content_wrap .idelete {
    float: right;
}

/* EDIT PROFILE */
.edit_profile {
    width: 700px;
    float: left;
}

.edit_profile .outer_wrap .inner_wrap .ititle {
    margin-top: 5px;
    background-color: rgb(236,234,223);
    height: 20px;
    padding: 5px 0 0 10px;
    font: 15px sans-serif;
    font-weight: bold;
    color: rgb(137,96,59);
}

.edit_profile .outer_wrap .inner_wrap .field_wrap .bar_left {
    margin: 10px 20px 10px 0;
    float: left;
    height: 60px;
    width: 10px;
    background-color: rgb(227,129,0);
}

.edit_profile .outer_wrap .inner_wrap .field_wrap .field {
    margin: 10px 20px 10px 0;
    float: left;
}

.edit_profile .outer_wrap .inner_wrap .field_wrap .field .iinput input {
    height: 25px;
    background-color: rgb(254,247,202);
    border: 1px solid rgb(227,129,0);
    padding-left: 10px;
}

.edit_profile .outer_wrap .inner_wrap .field_wrap .field .iinput .itext {
    width: 300px;
}

.edit_profile .outer_wrap .inner_wrap .field_wrap .field .iinput .itextcalendar {
    height: 25px;
    width: 215px;
    background-color: rgb(254,247,202);
    border: 1px solid rgb(227,129,0);
    padding-left: 10px;
}

.edit_profile .outer_wrap .inner_wrap .field_wrap .field .iinput .ical {
    cursor: pointer;
    height: 27px;
    width: 85px;
    background-color: rgb(255,126,0);
    border: 1px solid rgb(227,129,0);
    color: rgb(255,245,162);
    font-size: 15px;
    font-weight: bold;
    padding: 3px 10px 10px 10px;
    text-align: center;
}

.edit_profile .outer_wrap .inner_wrap .field_wrap .field .ilabel {
    font-family: monospace;
    font-size:15px;
    font-weight: bold;
}

.edit_profile .outer_wrap .inner_wrap .submit_wrap {
    margin: 0 0 20px 245px;
}

.edit_profile .outer_wrap .inner_wrap .submit_wrap .isubmit {
    cursor: pointer;
    height: 30px;
    width: 100px;
    background-color: rgb(255,126,0);
    border: 1px solid rgb(227,129,0);
    color: rgb(255,245,162);
    font-size: 15px;
    font-weight: bold;
    padding: 3px 10px 10px 10px;
    text-align: center;
}

.edit_profile .outer_wrap .inner_wrap .ilink {
    margin: 10px 10px 10px 0;
    float: right;
    font-family: sans-serif;
    font-size: 15px;
    font-weight: bold;
}

.edit_profile .outer_wrap .inner_wrap .ilink a {
    text-decoration: none;
    border-bottom: 1px rgb(227,129,0) dotted;
    color: rgb(227,129,0);
}

.edit_profile .outer_wrap .inner_wrap .ilink a:hover {
    border-bottom: 1px rgb(255,216,0) dotted;
    color: rgb(255,216,0);
}

.edit_profile .outer_wrap .inner_wrap .ireq {
    font-style: italic;
    font-size: 10pt;
}

.edit_profile .outer_wrap .inner_wrap .submit_wrap {
    padding-top: 10px;
    font-style: italic;
}

.edit_profile .outer_wrap .inner_wrap .field {
    margin-bottom:10px;
    position:relative;
}

.edit_profile .outer_wrap .inner_wrap .ireq {
    font-style:italic;
    color:gray;
}

.edit_profile .outer_wrap .inner_wrap .iinfo {
    position:absolute;
    left:325px;
    top:23px;
    font-size:0.8em;
    text-align:right;
}

.edit_profile .outer_wrap .inner_wrap .isubmit {
    background-color:black;
    color: white;
    font-family: monospace;
}

/*************/

.photo_desc .desc_wrap .wall_share_comment {
    margin-left: 20px;
}

.photo_desc .desc_wrap .wall_share_comment .image_profile_thumb {
    float: left;
    margin-top: 3px;
    width: 30px;
}

.photo_desc .desc_wrap .wall_share_comment .comment_content_wrap {
    float: left;
    width: 370px;
    margin-left: 5px;
}
.photo_desc .desc_wrap .wall_share_comment .image_profile_thumb{
    border-style: none;
    width: 30px;
    height: 30px;
}

.photo_desc .desc_wrap .wall_share_comment .image_profile_thumb img {
    border-style: none;
    max-width: 30px;
    max-height: 30px;
}

.photo_desc .desc_wrap .wall_share_comment .comment_content_wrap .icontent {
    font-size: 12px;
    font-family: sans-serif;
}

.photo_desc .desc_wrap .wall_share_comment .comment_content_wrap .icontent a{
    text-decoration: none;
    font-weight: bold;
    color: black;
}

.photo_desc .desc_wrap .wall_share_comment .comment_content_wrap .icontent a:hover{
    color: rgb(170,97,0);
}
.photo_desc .desc_wrap .wall_share_comment .comment_content_wrap .idate_comment {
    margin-top: 5px;
    font-size: 11px;
    font-family: sans-serif;
    font-style: italic;
}
/*
.photo_desc .desc_wrap .image_profile_wall {
    padding: 5px 5px 0 5px;
    margin-top: 10px;
    margin-right: 30px;
    background-color: rgb(236,234,223);
    float: right;
}

.photo_desc .image_profile_wall img {
    max-height: 200px;
    max-width: 150px;
    border-style: none;
}

.photo_desc .wall_side .wall_share {
    float: left;
}
*/
.photo_desc .idelete {
    float: right;
}

.photo_desc .idelete a img {
    height: 10px;
    width: 10px;
    border-style: none;

}

.profile_wall .idelete a:hover {
    color: rgb(170,97,0);
}

.photo_desc .desc_wrap .wall_comment .image_profile_thumb{
    border-style: none;
    width: 40px;
    height: 40px;
}

.photo_desc .desc_wrap .wall_comment .image_profile_thumb img {
    border-style: none;
    max-width: 40px;
    max-height: 40px;
}

.photo_desc .wall_share_comment_write .image_profile_thumb {
    margin-left: 20px;
    float: left;
}

.photo_desc .wall_share_comment_write textarea {
    margin: 5px 0 5px 20px;
    width: 350px;
    height: 40px;
    float: left;
}

.photo_desc .wall_share_comment_write .submit_wrap {
    float: right;
    margin: 0 130px 20px 0;
}

.photo_desc .desc_wrap .wall_share_comment_write .submit_wrap input {
    cursor: pointer;
    height: 20px;
    width: 70px;
    background-color: rgb(255,126,0);
    border: 1px solid rgb(227,129,0);
    color: rgb(255,245,162);
    font-size: 12px;
    font-family: sans-serif;
    font-weight: bold;
    padding: 0 10px 10px 10px;
    margin: 0 0 5px 0px;
    text-align: center;
}

.photo_desc .desc_wrap .see_all_comment {
    margin: 10px 0 10px 55px;
}

.photo_desc .desc_wrap .see_all_comment a{
    text-decoration: none;
}

.photo_desc .desc_wrap .desc_group_tag {
    margin: 10px 0 5px 0;
    padding: 5px 5px 5px 5px;
    background-color: rgb(236,234,223);
}

.photo_desc .desc_wrap .desc_group_tag .ititle{
    font-weight: bold;
    margin-bottom: 5px;
    text-align: center;
}

.photo_desc .desc_wrap .desc_group_tag .ititle{
    font-weight: bold;
    margin-bottom: 5px;
    text-align: center;
}